<!DOCTYPE html>
<html lang="zh-cn" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8">
	<title>风景欣赏</title>
	<link rel="stylesheet" th:href="@{/asserts/css/column.css}">
	<link rel="stylesheet" th:href="@{/asserts/css/basic.css}">
	<!-- BootStrapCss -->
	<link rel="stylesheet" th:href="@{asserts/css/bootstrap.min.css}">
</head>

<body>

<!--网页通用导航栏-->
<header th:insert="~{commons::header(active='scenery')}"></header>

<div id="headline">
    <div class="headline">
    <hgroup>
        <h2>风景欣赏</h2>
        <p>提供各种景点优美风景照,让你感受身临其境。</p>
        </hgroup>
    </div>
</div>
<div id="container">
<article class="list scenery">
<section>
<h2>优美风景</h2>

<figure th:each="attraction:${session.attractions}">
    <img th:src="@{asserts/img_upload/}+${attraction.getAttractionPic()}" alt="" style="width: 420px;height: 280px">
    <!--<figcaption th:text="${attraction.getAttractionName()}">景点名称</figcaption>-->
 </figure>

</section>

</article>
    <!--侧边景点推荐栏-->
    <aside th:insert="commons::sidebar"></aside>
</div>

<!--网页通用footer-->
<div th:insert="~{commons::footer}"></div>

</body>
</html>